<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.bootcdn.net/ajax/libs/scrollReveal.js/4.0.9/scrollreveal.min.js"></script>

    <link
      href="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/css/glide.core.min.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./assets/css/style.css" />
    <link rel="stylesheet" href="./assets/css/responsive.css" />

    <title>全国布局 —— 楼氏集团</title>
  </head>
  <body>
    <!-- Header -->
    <header class="">
      <div class="logo">
        <img src="./assets/images/nav_logo.png" alt="楼氏集团" />
      </div>
      <nav>
        <ul>
          <li class="active">
            <a href="#"><span>首页</span></a>
          </li>
          <li>
            <a href="#"><span>关于我们</span></a>
          </li>
          <li>
            <a href="#"><span>合作案例</span></a>
          </li>
          <li>
            <a href="#"><span>海量资源</span></a>
          </li>
          <li>
            <a href="#"><span>商务合作</span></a>
          </li>
          <li>
            <a href="#"><span>全国布局</span></a>
          </li>
        </ul>
      </nav>
      <div class="burger" id="header-burger">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </header>

    <!-- Banner -->
    <div class="banner">
      <img class="lazy-img" data-src="./assets/images/map_banner.jpg" alt="" />
    </div>

    <!-- layout -->
    <section class="section bg-white layout-section">
      <div class="container">
        <div class="title-box">
          <h1>LAYOUT<br />全国事业部布局</h1>
        </div>

        <div class="map-box">
          <img class="big" src="/assets/images/map_layout_bg.jpg" alt="" />
          <img class="small" src="/assets/images/map_layout_bg_m.jpg" alt="" />
          <ul>
            <li>
              <h2>成都</h2>
              <p>抖音千万IP账号运营、打造孵化；开拓与维护西南地区新媒体市场</p>
            </li>
            <li>
              <h2>北京</h2>
              <p>账号孵化运营、代运营、内容输入；开拓与维护华北新媒体市场</p>
            </li>
            <li>
              <h2>青岛</h2>
              <p>动漫IP账号运营、孵化IP、打造爆款流量IP等</p>
            </li>
            <li>
              <h2>上海</h2>
              <p>开拓与维护华东地区新媒体市场</p>
            </li>
            <li>
              <h2>深圳</h2>
              <p>楼氏深圳总部&管理统筹集团所有业务事项</p>
            </li>
          </ul>
        </div>
        <ul class="map-list">
          <li>
            <div class="map-content">
              <h2>深圳总部</h2>
              <h3>地址</h3>
              <p>深圳市南山区粤海街道东方科技大厦1001</p>
              <h3>联系电话</h3>
              <p>徐竟腾：0755-86522485</p>
              <h3>邮箱</h3>
              <p>chushou@daailoushi.com.cn</p>
            </div>
            <a href="" class="map-img">
              <img
                class="lazy-img"
                data-src="/assets/images/map_shenzhen@2x.jpg"
                alt=""
              />
            </a>
          </li>
          <li>
            <div class="map-content">
              <h2>北京分司</h2>
              <h3>地址</h3>
              <p>北京市朝阳区竞园艺术中心16E</p>
              <h3>联系电话</h3>
              <p>张毅：18565865844</p>
              <h3>邮箱</h3>
              <p>dandan@daailoushi.com.cn</p>
            </div>
            <a href="" class="map-img">
              <img
                class="lazy-img"
                data-src="/assets/images/map_beijing@2x.jpg"
                alt=""
              />
            </a>
          </li>
          <li>
            <div class="map-content">
              <h2>成都分司</h2>
              <h3>地址</h3>
              <p>四川省成都市成华区鹏瑞利东站广场2楼轩客会</p>
              <h3>联系电话</h3>
              <p>马维：15928166441</p>
              <h3>邮箱</h3>
              <p>xiaoma@daailoushi.com.cn</p>
            </div>
            <a href="" class="map-img">
              <img
                class="lazy-img"
                data-src="/assets/images/map_chengdu@2x.jpg"
                alt=""
              />
            </a>
          </li>
          <li>
            <div class="map-content">
              <h2>青岛（动漫公司）</h2>
              <h3>地址</h3>
              <p>青岛市市北区万科城国际公园4号楼二单元2301</p>
              <h3>联系电话</h3>
              <p>BOBO：13335000292</p>
              <h3>邮箱</h3>
              <p>bobo@daailoushi.com.cn</p>
            </div>
            <a href="" class="map-img">
              <img
                class="lazy-img"
                data-src="/assets/images/map_qingdao@2x.jpg"
                alt=""
              />
            </a>
          </li>
        </ul>
      </div>
    </section>

    <!-- Core -->
    <section class="section core-section bg-white">
      <div class="container">
        <div class="title-box">
          <h1>CORE<br />核心人员</h1>
        </div>

        <div class="core-box">
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_lousir@2x.jpg"
              alt="楼sir(@袁琢)"
            />
            <div class="core-content">
              <h2><mark>楼sir(@袁琢)</mark></h2>
              <span>楼氏集团创始人&CEO</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/map_banner.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>徐竟腾</mark></h2>
              <span>楼氏集团副总经理</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_zhangyi@2x.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>张毅</mark></h2>
              <span>楼氏集团副总经理</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_mawei@2x.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>马维</mark></h2>
              <span>成都分司总经理</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_mengxainbo@2x.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>孟宪博</mark></h2>
              <span>小彩蛋动漫分司负责人</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_liaochaungxing@2x.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>廖创兴</mark></h2>
              <span>商拓一部负责人(深圳)</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_yiweizhong@2x.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>尹位仲</mark></h2>
              <span>运营一部负责人(深圳)</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_chensimin@2x.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>陈司敏</mark></h2>
              <span>运营二部负责人(深圳)</span>
            </div>
          </a>
          <a class="core-item">
            <img
              class="lazy-img"
              data-src="/assets/images/core_fuxiuwu@2x.jpg"
              alt=""
            />
            <div class="core-content">
              <h2><mark>付修武</mark></h2>
              <span>运营部负责人(北京)</span>
            </div>
          </a>
        </div>
      </div>
    </section>

    <!-- Star -->
    <section class="section star-section bg-white">
      <div class="container">
        <div class="title-box">
          <h1>LOUSHI STAR<br />楼氏之星</h1>
        </div>
        <div class="star-box">
          <div class="star-box_hd">
            <ul class="star-sort-bar">
              <li><a href="#">2020年</a></li>
              <li class="active"><a href="#">2021年</a></li>
            </ul>
          </div>
          <div class="star-box_bd">
            <div class="star-list">
              <a class="star-item" data-text="Q1">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q1星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q1星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q1星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q1星级管理人员</span>
                </div>
              </a>
            </div>
            <div class="star-list">
              <a class="star-item" data-text="Q2">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
            </div>
            <div class="star-list">
              <a class="star-item" data-text="Q3">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
            </div>
            <div class="star-list">
              <a class="star-item" data-text="Q4">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
              <a class="star-item">
                <div class="star-avatar">
                  <img
                    class="lazy-img"
                    data-src="/assets/images/map_banner.jpg"
                    alt=""
                  />
                </div>
                <div class="star-content">
                  <h2><mark>XXX</mark></h2>
                  <span>2021-Q2星级管理人员</span>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer>
      <div class="footer-bd">
        <div class="container">
          <div class="footer-bd-wrap">
            <img src="./assets/images/footer_slogan.png" alt="楼氏集团" />
            <a href="#">友情链接</a>
          </div>
        </div>
      </div>
      <div class="footer-ft">
        <div class="container">
          <a href="#">
            <img src="./assets/images/footer_icon_beian.png" alt="" />
            <span
              >粤ICP备19082438号｜粤公网安备 44030502004664号
              楼氏（深圳）文化传媒集团有限公司</span
            >
          </a>
        </div>
      </div>
    </footer>

    <script src="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/glide.min.js"></script>
    <script src="./assets/js/index.js"></script>
  </body>
</html>
